.head_img{
    border-radius: 50%;
}
.text-left{
    text-align: left;
}
.video-js{
    width: 100%;
    height: 10rem;
}
.font-1rem{
    font-size: 1rem;
}
.no-padding-top{
    padding-top: 0;
}
.no-padding-bottom{
    padding-bottom: 0;
}
.comment-style{
    font-size: .7rem;
    font-weight: 500;
}
.item-media img{
    border-radius: 50%;
    width: 1.5rem;
}

.comment{
    position: fixed;
    left:0;
    bottom: 0;
    border-top: 0.01rem solid #33A6A6A6 ;
    width: 100%;
    height: 3rem;
    /*background-color: red;*/
}

.comment input{
    padding-left: .4rem;
    border: none;
    font-size: .8rem;
    float: left;
    width: 80%;
    height: 100%;
}

.comment Button{
    width: 20%;
    height: 100%;
    color: #A6A6A6 ;
    font-size: .8rem;
    background-color: #fff;
    border: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: .8rem;
    color: #A6A6A6;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-size: .8rem;
    color: #A6A6A6;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: .8rem;
    color: #A6A6A6;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: .8rem;
    color: #A6A6A6;
}